<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <title>主页</title>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/font-awesome.min.css"/>
</head>
<body>
<div class="container">
    <div class="header">
        <span class="span3"><i class="iconfont icon-angle-left icon-large"></i>返回</span>
        <span class="font32 span4 dropmenu text-center" data-menu="#shop"><i id="shop-name">全聚德朝阳店</i> <i
                class="icon-angle-down"></i></span>
        <span class="span3"></span>
    </div>
    <ul class="dropdownmenu" id="shop">
        <li>全聚德朝阳店1</li>
        <li>全聚德朝阳店2</li>
        <li>全聚德朝阳店3</li>
    </ul>
    <div class="main" style="overflow:auto">
        <div class="menu-panel">
            <i class="line"></i>
            <a href="shengou/bumen.html" class="span5 text-center">
                <img src="css/img/icon-shengou.png" alt="" width="60px"/>

                <p class="font28 text-66">部门申购</p>
            </a>
            <a href="shengou/shengonlishi.html" class="span5 text-center">
                <div class="menu_item"><img src="css/img/icon-sgls.png" alt="" width="60px"/><sup>6</sup></div>
                <p class="font28 text-66">申购单历史记录</p>

            </a>
        </div>
        <div class="menu-panel">
            <i class="line"></i>
            <a href="#" class="span5 text-center" id="caigou">
                <img src="css/img/icon-caigou.png" alt="" width="60px"/>

                <p class="font28 text-66">采购下单</p>
            </a>
            <a href="shengou/bumen.html" class="span5 text-center">
                <img src="css/img/icon-cgls.png" alt="" width="60px"/>

                <p class="font28 text-66">采购单历史记录</p>
            </a>
        </div>

        <div class="menu-panel">
            <i class="line"></i>
            <a href="yanhuo/index.html" class="span5 text-center">
                <img src="css/img/icon-yanshou.png" alt="" width="60px"/>

                <p class="font28 text-66">检验收货</p>
            </a>
            <a href="yanhuo/lishijilu.html" class="span5 text-center">
                <img src="css/img/icon-ysls.png" alt="" width="60px"/>

                <p class="font28 text-66">检验单历史记录</p>
            </a>
        </div>
    </div>
</div>
<script src="js/zepto.min.js"></script>
<script src="js/dropdownmenu.js"></script>
<script src="js/msgBox.js"></script>
<script>
    $(function () {
        $('.dropmenu').dropdownmenu();
        $('.dropdownmenu li').on('click', function () {
            $('#shop-name').text($(this).text());
        });
        $('#caigou').on('click', function () {
            var html = "<ul class='list-group'>" +
                    "<li class='font32'>" +
                    "<a href='caigou/index.html'><img src='css/img/caigou-build.png' width='14'/> 由申购单生成</a>" +
                    "</li>" +
                    "<li class='font32'>" +
                    "<a href='caigou/bumen.html'><img src='css/img/caigou-add.png' width='14'/> 直接创建</a>" +
                    "</li>" +
                    "</ul>";
            $.msgbox({
                msgContent: html,
                close: false
            });
            return false;
        })
    })
</script>
</body>
</html>